<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin: 0;
			}
			#mark{
				margin: 0 auto;
				width: 250px;
				box-sizing: border-box;
				border-radius: 10px;
				background:linear-gradient(to bottom,#63c6f8,white);
			}
			#mark ul li{
				padding: 0;
				border-bottom: dashed;
			}
			h3{
				background-image: url(../img/bg.gif);
				background-repeat: no-repeat;
				background-position: 20PX;
				vertical-align:text-top;
				text-indent: 60PX;
				color: white;
			}
			a{	
			
				text-decoration: none;
				color: grey;
			}
			a:hover{
				color: blue;
			}
			
		</style>
	</head>
	<body>
		<div id="mark">
			<h3>中心开班信息</h3>
			<ul type="square">
				<li><a href="#">8月12日：学历+技能班</a></li>
				<li><a href="#">8月16日：高考特招班</a></li>
				<li><a href="#">8月23日：Java精英班</a></li>
				<li><a href="#">8月31日：学士后强化班</a></li>
				<li><a href="#">9月5日：大学生就业班</a></li>
				<li><a href="#">9月9日：企业定向委培班</a></li>
				<li><a href="#">9月16日：网络营销强化班</a></li>
			</ul>
			
		</div>
	</body>
</html>
